<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>DTH contact</title>
	<link type="text/css" rel="stylesheet" href="css/dth.css" />
	<script src="http://maps.google.com/maps/api/js?sensor=true"
		type="text/javascript"></script>
	<style>
.menu8 {
	box-shadow: 6px 11px 10px;
}

.left_content {
	width: 68%;
	height: 98%;
	padding: 1%;
	float: left;
}

.right_content {
	width: 28%;
	height: 98%;
	padding: 1%;
	background: #E6E6FA;
	float: left;
}

.left_content .title {
	color: #161576;
	font-size: 56px;
	height: 11%;
	padding: 1%;
	width: 98%;
}



.lienhe {
	height: 150px;
	width: 750px;
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	margin: 15px;
	padding: 1.25rem;
	background: #f2f2f2;
	float: left;
}

.contact_item {
	margin-bottom: 15px;
}
</style>

</h:head>

<h:body>

	<ui:insert name="header">
		<ui:include src="/header/header_dth.xhtml" />
	</ui:insert>
	<div>
		<div class="dth_body_home">
			<ui:insert name="header_banner">
				<ui:include src="/header/header_banner.xhtml" />
			</ui:insert>
			<div class="dth_content">
				<div class="left_content">

					<ui:repeat var="item" value="#{aboutUsBean.listDthContacts}">
						<div class="lienhe">
							<div class="noidung">
								<div class="contact_item">
									<h:outputText style="font-size:16px;font-weight: bold;"
										value="DTH headquarter"></h:outputText>
								</div>
								<div class="contact_item">
									<img src="images/place.png" />
									<h:outputText value="#{item.dthAddress}"
										style="margin-left:5px;"></h:outputText>
								</div>
								<div class="contact_item">
									<img src="images/phone.png" />
									<h:outputText value="#{item.dthContactNumber}"
										style="margin-left:5px;">
									</h:outputText>
								</div>
								<div class="contact_item">
									<img src="images/email.png" />
									<h:outputText value="#{item.email}" style="margin-left:5px;"></h:outputText>
								</div>
							</div>
						</div>
						<p:gmap center="#{item.latitute},#{item.longtitute}" zoom="15"
							type="hybrid" model="#{aboutUsBean.model}"
							style="background-color: #E5E3DF;
							    height: 400px;
							    margin-left: 15px;
							    overflow: hidden;
							    position: relative;
							    width: 793px;" />
					</ui:repeat>

				</div>
				<div class="right_content">
					<ui:insert name="header_banner">
						<ui:include src="/include/right_menu_web.xhtml" />
					</ui:insert>
				</div>

			</div>
		</div>
	</div>
	<ui:insert name="header">
		<ui:include src="/footer/footer_dth.xhtml" />
	</ui:insert>

</h:body>
</html>